<template>
	<div>
		<el-form v-if='isFirst'
			label-position='left'
			label-width='55px'
			class='withdraw'
			:model='withdrawForm'
			:rules='withdrawRules'
			ref='withdrawForm'>
			<el-form-item label='账号' prop='account'>
				<el-input placeholder='请输入支付宝账号' v-model='withdrawForm.account'></el-input>
			</el-form-item>
			<el-form-item label='姓名' prop='name'>
				<el-input placeholder='请输入真实姓名，提高安全性' v-model='withdrawForm.name'></el-input>
			</el-form-item>
			<el-form-item label='金额' prop='amount' >
				<el-input placeholder='请输入提现金额' v-model='withdrawForm.amount'></el-input>
			</el-form-item>
			<el-button class='btn'
				type='primary'
				@click='onNext'>
				下一步
			</el-button>
		</el-form>
		<el-form v-else
			label-position='left'
			label-width='70px'
			class='withdraw'
			:model='pwdForm'
			:rules='pwdRules'
			ref='pwdForm'>
			<el-form-item label='支付密码' prop='pwd' class='pwd'>
				<el-input placeholder='请输入支付密码' type='password' v-model='pwdForm.pwd'></el-input>
			</el-form-item>
			<el-button class='btn'
				type='primary'
				@click='submit'>
				完成
			</el-button>
		</el-form>
	</div>
</template>

<script>
	import WithdrawJs from './Withdraw.js';
	module.exports = WithdrawJs;
</script>

<style scoped lang='less'>
	.withdraw {
		text-align: left;
		.el-input {
			width: 242px;
		}
		.pwd .el-input {
			width: 226px;
		}
		.btn {
			width: 100%;
			margin-top: 50px;
		}
	}
</style>